import axios from 'axios'
import { ElMessage } from 'element-plus' // 如果使用Element Plus
// import { message } from 'ant-design-vue' // 如果使用Ant Design Vue

// 创建axios实例
const request = axios.create({
  baseURL: import.meta.env.VITE_API_BASE_URL || '/api', // 基础URL
  timeout: 30000000, // 请求超时时间
  headers: {
    'Content-Type': 'application/json;charset=UTF-8'
  }
})

// 请求拦截器
request.interceptors.request.use(
  config => {
    // 在发送请求之前做些什么
    console.log('发送请求:', config.url)
    
    // 如果有token，添加到请求头
    const token = sessionStorage.getItem("token")
    //localStorage.setItem('token','')
    if (token&&config.url!=='/user/login'&&config.url!=='/user/register') {
      config.headers.token = token
    }
    
    // 如果是上传文件，修改Content-Type
    if (config.data instanceof FormData) {
      config.headers['Content-Type'] = 'multipart/form-data'
    }
    
    return config
  },
  error => {
    // 对请求错误做些什么
    console.error('请求错误:', error)
    return Promise.reject(error)
  }
)

// 响应拦截器
request.interceptors.response.use(
  response => {
    // 2xx 范围内的状态码都会触发该函数
    // 【修改点】我们不再关心 response.status，而是关心 response.data 里的业务码 code
    const res = response.data; // res 就是后端返回的整个 { code, msg, data } 对象
    // 如果业务状态码不是 200，则视为错误，并像 catch 块一样处理
    console.log(res);
    if (res.code !== 200) {
      ElMessage.error(res.msg || '操作失败');
      // 返回一个 rejected 的 Promise，这样 .then 不会执行，会直接进入 .catch
      return Promise.reject(new Error(res.msg || 'Error'));
    } else {
      console.log(res);
      // 【核心修改】如果业务状态码是 200，我们只返回核心的 data 部分
      return res.data;
    }
  },
  error => {
    // 超出 2xx 范围的状态码都会触发该函数 (例如 404, 500 等)
    // 这部分错误处理逻辑保持原样，非常完善
    console.error('响应错误:', error)
    let message = '网络错误'
    if (error.response) {
     const { status, data } = error.response
      
      switch (status) {
        case 400:
          message = data.message || '请求参数错误'
          break
        case 401:
          message = '未授权，请重新登录'
          // 可以在这里处理登录过期，跳转到登录页
          localStorage.removeItem('token')
          router.push('/login')
          break
        case 403:
          message = '拒绝访问'
          break
        case 404:
          message = '请求资源不存在'
          break
        case 500:
          message = '服务器内部错误'
          break
        default:
          message = data.message || `连接错误${status}`
      }
    } else if (error.request) {
      message = '网络连接失败'
    }
    ElMessage.error(message)
    return Promise.reject(error)
  }
)

export default request